<!-- docs/components/MyComponent.vue -->
<template>
  <div class="my-component">
    <h2>这是一个 Vue 组件</h2>
    <p>{{ message }}</p>
  </div>
</template>

<script setup>
import {ref} from 'vue';

const message = ref('欢迎使用 VitePress！');
</script>

<style scoped>
.my-component {
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 20px;
  background-color: #f9f9f9;
}
</style>
